* {
    padding: 0 !important;
    margin: 0 !important;
}
input{
    display: none;
}

li{
    list-style: none;
}
a{
    text-decoration: none;
}

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

a {
    text-decoration: none !important;
}

a:hover {
    text-decoration: none;
}

body {
    position: relative;
    font-family: 'PingFang SC', '思源黑体', 'SimSun', 'Microsoft YaHei' !important;
    overflow-x: hidden;
}

.header {
    width: 100%;
    height: 10px;
    background-color: #7545A9;
    z-index: 1000;
}

header .nav {
    position: relative;
    width: 100vw;
    max-height: 190px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, rgba(0, 0, 0, 0.84)), to(rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.84) 1%, rgba(0, 0, 0, 0) 100%);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.84) 1%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.84) 1%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.84) 1%, rgba(0, 0, 0, 0) 100%);
    z-index: 1000;
    height: auto;
}

header .nav .logo {
    position: absolute;
    top: 38px;
    left: 13.0208333vw;
    width: 26.916vw;
    max-height: 72px;
    height: auto;
}

header .logo img {
    width: 100%;
    height: auto;
}



.banner img {
    width: 100%;
    height: auto;
}

.banner h2 {
    position: absolute;
    left: 13vw;
    top: 50%;
    height: 78px;
    font-family: 思源黑体;
    line-height: normal;
    font-variation-settings: "opsz" auto;
    -webkit-font-feature-settings: "kern" on;
    -moz-font-feature-settings: "kern" on;
    font-feature-settings: "kern" on;
    color: #FFFFFF;
}

.banner span {
    display: inline-block;
    position: absolute;
    left: 13vw;
    top: 65%;
    height: 21px;
    font-family: 'PingFang SC Regular';
    font-size: 16px;
    font-weight: normal;
    line-height: normal;
    font-variation-settings: "opsz" auto;
    color: #FFFFFF;
}

@media screen and (max-width:1920px) {
    .container {
        width: 1920px;
    }
.banner1 .list{width: 1200px;height: 640px;position: absolute;margin-left: 13vw !important; display: flex;justify-content: space-between;opacity: 0;top: 6%;}
.banner1 .list ul{width: 1200px;height: 700px;}
.banner1 .list #l1{display: inline-block; width:515px;height:300px;margin-bottom: 30px !important;margin-right:8.5vw !important;}
.banner1 .list #l2{display: inline-block; width:515px;height:300px;margin-bottom: 30px !important;}
.banner1 .list #l3{display: inline-block; width:515px;height:300px;flex-wrap: wrap;margin-bottom: 30px !important;margin-right:8.5vw !important;}
.banner1 .list #l4{display: inline-block; width:515px;height:300px;}

.banner1 .list2{width: 1200px;height: 640px;position: absolute;margin-left: 13vw !important; display: flex;justify-content: space-between;opacity: 0;top: 6%;}
.banner1 .list2 ul{width: 1200px;height: 700px; }
.banner1 .list2 #l1{display: inline-block; width:515px;height:300px;margin-bottom: 30px !important;margin-right:8.5vw !important;}
.banner1 .list2 #l2{display: inline-block; width:515px;height:300px;margin-bottom: 30px !important;}
.banner1 .list2 #l3{display: inline-block; width:515px;height:300px;flex-wrap: wrap;margin-bottom: 30px !important;margin-right:8.5vw !important;}
.banner1 .list2 #l4{display: inline-block; width:515px;height:300px;}

.banner1 .list3{width: 1200px;height: 640px;position: absolute;margin-left: 13vw !important; display: flex;justify-content: space-between;opacity: 0;top: 6%;}
.banner1 .list3 ul{width: 1200px;height: 700px; }
.banner1 .list3 #l1{display: inline-block; width:515px;height:300px;margin-bottom: 30px !important;margin-right:8.5vw !important;}
.banner1 .list3 #l2{display: inline-block; width:515px;height:300px;margin-bottom: 30px !important;}
.banner1 .list3 #l3{display: inline-block; width:515px;height:300px;flex-wrap: wrap;margin-bottom: 30px !important;margin-right:8.5vw !important;}
.banner1 .list3 #l4{display: inline-block; width:515px;height:300px;}

.banner1 .pag01{width: 353px;height: 50px;position: absolute;top: 89%;margin-left: 39.5vw !important;opacity: 0;}
.banner1 .pag1{width: 136px;height: 30px;position: absolute;top: 89%;margin-left: 45.5vw !important;opacity: 0;}
.banner1 .pag02{width: 353px;height: 50px;position: absolute;top: 89%;margin-left: 39.5vw !important;opacity: 0;}
.banner1 .pag2{width: 136px;height: 30px;position: absolute;top: 89%;margin-left: 45.5vw !important;opacity: 0;}
.banner1 .pag03{width: 353px;height: 50px;position: absolute;top: 89%;margin-left: 39.5vw !important;opacity: 0;}
.banner1 .pag3{width: 136px;height: 30px;position: absolute;top: 89%;margin-left: 45.5vw !important;opacity: 0;}
.bottom .line{width: 100%;height: 7px;position: relative;margin: 0 auto;background: #7545A9;}
.bottom .footer{width: 100%;height: 250px;background-color: #94221B;position: relative;margin: 0 auto;padding-top: 2%;}
}
@media screen and (max-width:1030px) and (min-width:768px) {

.banner1 .list{width: 515px;height: 1300px; position: absolute;margin-left: 19vw !important; display: flex;justify-content: space-between;opacity: 0;top: 6%;}
.banner1 .list ul{width: 515px;height: 700px; }
.banner1 .list #l1{display: inline-block; width:515px;height:300px;flex-wrap: wrap;margin-bottom: 30px !important;margin-right:30px !important;}
.banner1 .list #l2{display: inline-block; width:515px;height:300px;flex-wrap: wrap;margin-bottom: 30px !important;}
.banner1 .list #l3{display: inline-block; width:515px;height:300px;flex-wrap: wrap;margin-bottom: 30px !important;margin-right:30px !important;}
.banner1 .list #l4{display: inline-block; width:515px;height:300px;}

.banner1 .list2{width: 515px;height: 1300px; position: absolute;margin-left: 19vw !important; display: flex;justify-content: space-between;opacity: 0;top: 6%;}
.banner1 .list2 ul{width: 515px;height: 700px; }
.banner1 .list2 #l1{display: inline-block; width:515px;height:300px;flex-wrap: wrap;margin-bottom: 30px !important;margin-right:30px !important;}
.banner1 .list2 #l2{display: inline-block; width:515px;height:300px;flex-wrap: wrap;margin-bottom: 30px !important;}
.banner1 .list2 #l3{display: inline-block; width:515px;height:300px;flex-wrap: wrap;margin-bottom: 30px !important;margin-right:30px !important;}
.banner1 .list2 #l4{display: inline-block; width:515px;height:300px;}

.banner1 .list3{width: 515px;height: 1300px; position: absolute;margin-left: 19vw !important; display: flex;justify-content: space-between;opacity: 0;top: 6%;}
.banner1 .list3 ul{width: 515px;height: 700px; }
.banner1 .list3 #l1{display: inline-block; width:515px;height:300px;flex-wrap: wrap;margin-bottom: 30px !important;margin-right:30px !important;}
.banner1 .list3 #l2{display: inline-block; width:515px;height:300px;flex-wrap: wrap;margin-bottom: 30px !important;}
.banner1 .list3 #l3{display: inline-block; width:515px;height:300px;flex-wrap: wrap;margin-bottom: 30px !important;margin-right:30px !important;}
.banner1 .list3 #l4{display: inline-block; width:515px;height:300px;}

.banner1 .pag01{width: 353px;height: 50px;position: absolute;top: 170%;margin-left: 25.5vw !important;opacity: 0;}
.banner1 .pag1{width: 136px;height: 30px;position: absolute;top: 170%;margin-left: 35.5vw !important;opacity: 0;}
.banner1 .pag02{width: 353px;height: 50px;position: absolute;top: 170%;margin-left: 25.5vw !important;opacity: 0;}
.banner1 .pag2{width: 136px;height: 30px;position: absolute;top: 170%;margin-left: 35.5vw !important;opacity: 0;}
.banner1 .pag03{width: 353px;height: 50px;position: absolute;top: 170%;margin-left: 25.5vw !important;opacity: 0;}
.banner1 .pag3{width: 136px;height: 30px;position: absolute;top: 170%;margin-left: 35.5vw !important;opacity: 0;}
.bottom .line{width: 100%;height: 7px;position: absolute;background: #7545A9;top: 159.5%;}
.bottom .footer{width: 100%;height: 250px;background-color: #94221B;position: absolute;padding-top: 2%;top: 160%;}
}

.banner1{width: 100%;height: 800px;margin: 0 auto;padding-top: 2.3%;position: relative;}

.banner1 .list #l1 img{width:515px;height: 205px;}
.banner1 .list #l1 #a1{font-family: PingFang SC Heavy;font-size: 20px;font-weight: normal;line-height: 28px;position: relative;top: 3%;
    text-align: justify;letter-spacing: 0em;font-variation-settings: "opsz" auto;color: rgba(0, 0, 0, 0.851);}
.banner1 .list #l1 #a2{font-family: PingFang SC Medium;font-size: 12px;font-weight: normal;position: relative;top: 5%;
    line-height: 12px;text-align: justify;letter-spacing: 0em;font-variation-settings: "opsz" auto;color: rgba(0, 0, 0, 0.851);}

.banner1 .list #l2 img{width:515px;height: 205px;}
.banner1 .list #l2 #a1{font-family: PingFang SC Heavy;font-size: 20px;font-weight: normal;line-height: 28px;position: relative;top: 3%;
    text-align: justify;letter-spacing: 0em;font-variation-settings: "opsz" auto;color: rgba(0, 0, 0, 0.851);}
    .banner1 .list #l2 #a2{font-family: PingFang SC Medium;font-size: 12px;font-weight: normal;position: relative;top: 5%;
    line-height: 12px;text-align: justify;letter-spacing: 0em;font-variation-settings: "opsz" auto;color: rgba(0, 0, 0, 0.851);}

.banner1 .list #l3 img{width:515px;height: 205px;}
.banner1 .list #l3 #a1{font-family: PingFang SC Heavy;font-size: 20px;font-weight: normal;line-height: 28px;position: relative;top: 3%;
    text-align: justify;letter-spacing: 0em;font-variation-settings: "opsz" auto;color: rgba(0, 0, 0, 0.851);}
    .banner1 .list #l3 #a2{font-family: PingFang SC Medium;font-size: 12px;font-weight: normal;position: relative;top: 5%;
    line-height: 12px;text-align: justify;letter-spacing: 0em;font-variation-settings: "opsz" auto;color: rgba(0, 0, 0, 0.851);}

.banner1 .list #l4 img{width:515px;height: 205px;}
.banner1 .list #l4 #a1{font-family: PingFang SC Heavy;font-size: 20px;font-weight: normal;line-height: 28px;position: relative;top: 3%;
    text-align: justify;letter-spacing: 0em;font-variation-settings: "opsz" auto;color: rgba(0, 0, 0, 0.851);}
    .banner1 .list #l4 #a2{font-family: PingFang SC Medium;font-size: 12px;font-weight: normal;position: relative;top: 5%;
    line-height: 12px;text-align: justify;letter-spacing: 0em;font-variation-settings: "opsz" auto;color: rgba(0, 0, 0, 0.851);}

 .banner1 .list2 #l1 img{width:515px;height: 205px;}
 .banner1 .list2 #l1 #a1{font-family: PingFang SC Heavy;font-size: 20px;font-weight: normal;line-height: 28px;position: relative;top: 3%;
     text-align: justify;letter-spacing: 0em;font-variation-settings: "opsz" auto;color: rgba(0, 0, 0, 0.851);}
     .banner1 .list2 #l1 #a2{font-family: PingFang SC Medium;font-size: 12px;font-weight: normal;position: relative;top: 5%;
     line-height: 12px;text-align: justify;letter-spacing: 0em;font-variation-settings: "opsz" auto;color: rgba(0, 0, 0, 0.851);}
 

 .banner1 .list2 #l2 img{width:515px;height: 205px;}
 .banner1 .list2 #l2 #a1{font-family: PingFang SC Heavy;font-size: 20px;font-weight: normal;line-height: 28px;position: relative;top: 3%;
     text-align: justify;letter-spacing: 0em;font-variation-settings: "opsz" auto;color: rgba(0, 0, 0, 0.851);}
     .banner1 .list2 #l2 #a2{font-family: PingFang SC Medium;font-size: 12px;font-weight: normal;position: relative;top: 5%;
     line-height: 12px;text-align: justify;letter-spacing: 0em;font-variation-settings: "opsz" auto;color: rgba(0, 0, 0, 0.851);}
 
 .banner1 .list2 #l3 img{width:515px;height: 205px;}
 .banner1 .list2 #l3 #a1{font-family: PingFang SC Heavy;font-size: 20px;font-weight: normal;line-height: 28px;position: relative;top: 3%;
     text-align: justify;letter-spacing: 0em;font-variation-settings: "opsz" auto;color: rgba(0, 0, 0, 0.851);}
     .banner1 .list2 #l3 #a2{font-family: PingFang SC Medium;font-size: 12px;font-weight: normal;position: relative;top: 5%;
     line-height: 12px;text-align: justify;letter-spacing: 0em;font-variation-settings: "opsz" auto;color: rgba(0, 0, 0, 0.851);}
 
 .banner1 .list2 #l4 img{width:515px;height: 205px;}
 .banner1 .list2 #l4 #a1{font-family: PingFang SC Heavy;font-size: 20px;font-weight: normal;line-height: 28px;position: relative;top: 3%;
     text-align: justify;letter-spacing: 0em;font-variation-settings: "opsz" auto;color: rgba(0, 0, 0, 0.851);}
     .banner1 .list2 #l4 #a2{font-family: PingFang SC Medium;font-size: 12px;font-weight: normal;position: relative;top: 5%;
     line-height: 12px;text-align: justify;letter-spacing: 0em;font-variation-settings: "opsz" auto;color: rgba(0, 0, 0, 0.851);}
 
.banner1 .list3 #l1 img{width:515px;height: 205px;}
.banner1 .list3 #l1 #a1{font-family: PingFang SC Heavy;font-size: 20px;font-weight: normal;line-height: 28px;position: relative;top: 3%;
    text-align: justify;letter-spacing: 0em;font-variation-settings: "opsz" auto;color: rgba(0, 0, 0, 0.851);}
    .banner1 .list3 #l1 #a2{font-family: PingFang SC Medium;font-size: 12px;font-weight: normal;position: relative;top: 5%;
    line-height: 12px;text-align: justify;letter-spacing: 0em;font-variation-settings: "opsz" auto;color: rgba(0, 0, 0, 0.851);}

.banner1 .list3 #l2 img{width:515px;height: 205px;}
.banner1 .list3 #l2 #a1{font-family: PingFang SC Heavy;font-size: 20px;font-weight: normal;line-height: 28px;position: relative;top: 3%;
    text-align: justify;letter-spacing: 0em;font-variation-settings: "opsz" auto;color: rgba(0, 0, 0, 0.851);}
    .banner1 .list3 #l2 #a2{font-family: PingFang SC Medium;font-size: 12px;font-weight: normal;position: relative;top: 5%;
    line-height: 12px;text-align: justify;letter-spacing: 0em;font-variation-settings: "opsz" auto;color: rgba(0, 0, 0, 0.851);}

.banner1 .list3 #l3 img{width:515px;height: 205px;}
.banner1 .list3 #l3 #a1{font-family: PingFang SC Heavy;font-size: 20px;font-weight: normal;line-height: 28px;position: relative;top: 3%;
    text-align: justify;letter-spacing: 0em;font-variation-settings: "opsz" auto;color: rgba(0, 0, 0, 0.851);}
    .banner1 .list3 #l3 #a2{font-family: PingFang SC Medium;font-size: 12px;font-weight: normal;position: relative;top: 5%;
    line-height: 12px;text-align: justify;letter-spacing: 0em;font-variation-settings: "opsz" auto;color: rgba(0, 0, 0, 0.851);}

.banner1 .list3 #l4 img{width:515px;height: 205px;}
.banner1 .list3 #l4 #a1{font-family: PingFang SC Heavy;font-size: 20px;font-weight: normal;line-height: 28px;position: relative;top: 3%;
    text-align: justify;letter-spacing: 0em;font-variation-settings: "opsz" auto;color: rgba(0, 0, 0, 0.851);}
    .banner1 .list3 #l4 #a2{font-family: PingFang SC Medium;font-size: 12px;font-weight: normal;position: relative;top: 5%;
    line-height: 12px;text-align: justify;letter-spacing: 0em;font-variation-settings: "opsz" auto;color: rgba(0, 0, 0, 0.851);}
        

.list #l1:hover{box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.2);background: #7545A9;}.list #l1:hover #a1,.list #l1:hover #a2{color: #FFFFFF;}
.list #l2:hover{box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.2);background: #7545A9;}.list #l2:hover #a1,.list #l2:hover #a2{color: #FFFFFF;}
.list #l3:hover{box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.2);background: #7545A9;}.list #l3:hover #a1,.list #l3:hover #a2{color: #FFFFFF;}
.list #l4:hover{box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.2);background: #7545A9;}.list #l4:hover #a1,.list #l4:hover #a2{color: #FFFFFF;}

.banner1 .pag01 span{height: 28px; font-family: PingFang SC Medium;font-size: 12px;font-weight: normal;text-align: right;letter-spacing: 0em;display: inline-block;
    font-variation-settings: "opsz" auto;color: rgba(0, 0, 0, 0.8);background-color: #FFFFFF;padding-top: 12px;}
    .banner1 .pag01 #firstl{display: inline-block; width: 45px;height: 30px;font-size: 12px;position: absolute;font-variation-settings: "opsz" auto;color: #9E9E9E;border-radius: 4px;
    font-family: PingFang SC Medium;font-weight: normal;line-height: 28px; letter-spacing: 0em;box-sizing: border-box;border: 1px solid #D8D8D8;text-align: center;margin-top: 5px;margin-left: 15px;}
    .banner1 .pag01 #next01{display: inline-block; width: 60px;height: 30px;font-size: 12px;position: absolute;font-variation-settings: "opsz" auto;color: #9E9E9E;border-radius: 4px;
font-family: PingFang SC Medium;font-weight: normal;line-height: 28px; letter-spacing: 0em;box-sizing: border-box;border: 1px solid #D8D8D8;text-align: center;margin-top: 5px;margin-left: 203px;}
.banner1 .pag01 #last1{display: inline-block; width: 45px;height: 30px;font-size: 12px;position: absolute;font-variation-settings: "opsz" auto;color: #9E9E9E;border-radius: 4px;
font-family: PingFang SC Medium;font-weight: normal;line-height: 28px; letter-spacing: 0em;box-sizing: border-box;border: 1px solid #D8D8D8;text-align: center;margin-top: 5px;margin-left: 269px;}
.banner1 .pag1 ul{width:140px;height: 30px;display: flex;}
.banner1 .pag1 ul li{display: inline-block; width: 30px;height: 30px;margin-left: 15px;}
.banner1 .pag1 ul li label{ width: 30px;height: 30px;display: inline-block; line-height: 30px;text-align: center;box-sizing: border-box;border: 1px solid #D8D8D8;border-radius: 4px;
    font-family: PingFang SC Medium;font-weight: normal;letter-spacing: 0em;font-variation-settings: "opsz" auto;color: rgba(0, 0, 0, 0.5);}
    .banner1 .pag1 ul li:nth-child(1) label{background: #94221B;color: #FFFFFF;}

    .banner1 .pag02 span{height: 28px; font-family: PingFang SC Medium;font-size: 12px;font-weight: normal;text-align: right;letter-spacing: 0em;display: inline-block;
    font-variation-settings: "opsz" auto;color: rgba(0, 0, 0, 0.8);background-color: #FFFFFF;padding-top: 12px;}
    .banner1 .pag02 #firstl{display: inline-block; width: 45px;height: 30px;font-size: 12px;position: absolute;font-variation-settings: "opsz" auto;color: #9E9E9E;border-radius: 4px;
    font-family: PingFang SC Medium;font-weight: normal;line-height: 28px; letter-spacing: 0em;box-sizing: border-box;border: 1px solid #D8D8D8;text-align: center;margin-top: 5px;margin-left: 15px;}
    .banner1 .pag02 #next01{display: inline-block; width: 60px;height: 30px;font-size: 12px;position: absolute;font-variation-settings: "opsz" auto;color: #9E9E9E;border-radius: 4px;
font-family: PingFang SC Medium;font-weight: normal;line-height: 28px; letter-spacing: 0em;box-sizing: border-box;border: 1px solid #D8D8D8;text-align: center;margin-top: 5px;margin-left: 203px;}
.banner1 .pag02 #last1{display: inline-block; width: 45px;height: 30px;font-size: 12px;position: absolute;font-variation-settings: "opsz" auto;color: #9E9E9E;border-radius: 4px;
font-family: PingFang SC Medium;font-weight: normal;line-height: 28px; letter-spacing: 0em;box-sizing: border-box;border: 1px solid #D8D8D8;text-align: center;margin-top: 5px;margin-left: 269px;}
.banner1 .pag2 ul{width:140px;height: 30px;display: flex;}
.banner1 .pag2 ul li{display: inline-block; width: 30px;height: 30px;margin-left: 15px;}
.banner1 .pag2 ul li label{ width: 30px;height: 30px;display: inline-block; line-height: 30px;text-align: center;box-sizing: border-box;border: 1px solid #D8D8D8;border-radius: 4px;
    font-family: PingFang SC Medium;font-weight: normal;letter-spacing: 0em;font-variation-settings: "opsz" auto;color: rgba(0, 0, 0, 0.5);}
    .banner1 .pag2 ul li:nth-child(1) label{background: #94221B;color: #FFFFFF;}

    .banner1 .pag03 span{height: 28px; font-family: PingFang SC Medium;font-size: 12px;font-weight: normal;text-align: right;letter-spacing: 0em;display: inline-block;
    font-variation-settings: "opsz" auto;color: rgba(0, 0, 0, 0.8);background-color: #FFFFFF;padding-top: 12px;}
    .banner1 .pag03 #firstl{display: inline-block; width: 45px;height: 30px;font-size: 12px;position: absolute;font-variation-settings: "opsz" auto;color: #9E9E9E;border-radius: 4px;
    font-family: PingFang SC Medium;font-weight: normal;line-height: 28px; letter-spacing: 0em;box-sizing: border-box;border: 1px solid #D8D8D8;text-align: center;margin-top: 5px;margin-left: 15px;}
    .banner1 .pag03 #next01{display: inline-block; width: 60px;height: 30px;font-size: 12px;position: absolute;font-variation-settings: "opsz" auto;color: #9E9E9E;border-radius: 4px;
font-family: PingFang SC Medium;font-weight: normal;line-height: 28px; letter-spacing: 0em;box-sizing: border-box;border: 1px solid #D8D8D8;text-align: center;margin-top: 5px;margin-left: 203px;}
.banner1 .pag03 #last1{display: inline-block; width: 45px;height: 30px;font-size: 12px;position: absolute;font-variation-settings: "opsz" auto;color: #9E9E9E;border-radius: 4px;
font-family: PingFang SC Medium;font-weight: normal;line-height: 28px; letter-spacing: 0em;box-sizing: border-box;border: 1px solid #D8D8D8;text-align: center;margin-top: 5px;margin-left: 269px;}
.banner1 .pag3 ul{width:140px;height: 30px;display: flex;}
.banner1 .pag3 ul li{display: inline-block; width: 30px;height: 30px;margin-left: 15px;}
.banner1 .pag3 ul li label{ width: 30px;height: 30px;display: inline-block; line-height: 30px;text-align: center;box-sizing: border-box;border: 1px solid #D8D8D8;border-radius: 4px;
     font-family: PingFang SC Medium;font-weight: normal;letter-spacing: 0em;font-variation-settings: "opsz" auto;color: rgba(0, 0, 0, 0.5);}
     .banner1 .pag3 ul li:nth-child(1) label{background: #94221B;color: #FFFFFF;}

#next01{margin-left: 200px !important;}
#last1{margin-left: 270px !important;}
.pag1 li,
.pag2 li,
.pag3 li{margin-left: 10px !important;}


#first:checked~.pag01{z-index: 3;opacity: 1;}
#first:checked~.pag1{z-index: 3;opacity: 1;}
#first:checked~.list{z-index: 3;opacity: 1;}

#last:checked~.pag023{z-index: 3;opacity: 1;}
#last:checked~.pag23{z-index: 3;opacity: 1;}
#last:checked~.list3{z-index: 3;opacity: 1;}

#next1:checked~.pag02{z-index: 3;opacity: 1;}
#next1:checked~.pag2{z-index: 3;opacity: 1;}
#next1:checked~.list2{z-index: 3;opacity: 1;}

#next2:checked~.pag03{z-index: 3;opacity: 1;}
#next2:checked~.pag3{z-index: 3;opacity: 1;}
#next2:checked~.list3{z-index: 3;opacity: 1;}

.footer .left{width: 620px;height: 200px;position: absolute;left: 12%;top: 7%;}
.left span{width: 100px;height: 30px;display: inline-block;font-family: PingFang SC Bold;font-size: 0.9375vw;font-weight: normal;
    line-height: 28px;letter-spacing: 0em;font-variation-settings: "opsz" auto;color: #FFFFFF;}
.left a{width: 100px;height: 30px;font-family: PingFang SC Regular;font-size: 0.83333vw;font-weight: normal;
    letter-spacing: 0em;font-variation-settings: "opsz" auto;color: #FFFFFF;}
.left p{font-family: PingFang SC Regular;font-size: 0.83333vw;font-weight: normal;letter-spacing: 0em;font-variation-settings: "opsz" auto;color: #FFFFFF;line-height: 20px;}

.footer .right{width: 620px;height: 200px;position: absolute;left: 65%;top: 10%;}
.footer img{ width: 7.552083333vw;height:auto;}
.right #r2{margin-left: 7.3vw !important;}
.right p{display: inline-block;color: #9E9E9E;font-size: 0.729166vw;}
.right #pa{margin-left: 2.3vw !important;}
.right #pb{margin-left: 11vw !important;}
.right span{color: #FFFFFF;font-size: 0.729166vw;display: block;}